<template>
  <div>
  	<template v-if="share && share.on > 0">
  		<div class="affiliate-cont-box">
		  	<header class="p-r">
				<img :src="shareImg" v-if="shareImg" class="img" />
				<img src="../../../assets/img/user_share_1_bg.png" class="img" v-else/>
		    </header>
            <div class="share-cont-box">
                <h3>{{ $t('lang.activity_content') }}:</h3>
                <p>1.{{ $t('lang.activity_content1') }}</p>
                <p>2.{{ $t('lang.activity_content2') }}</p>
                <p>3.{{ $t('lang.activity_content3') }}</p>
                <p>4.{{ $t('lang.activity_content4') }}</p>
            </div>
	  	</div>
  	</template>
  	<template v-else>
  		<NotCont :isSpan="false">
  			<span class="cont" slot="spanCon">{{ $t('lang.activity_cont') }}<br>{{ $t('lang.activity_admin') }}</span>
  		</NotCont>
  	</template>
  	<CommonNav></CommonNav>
  </div>
</template>
<script>
import NotCont from '@/components/NotCont'
import CommonNav from '@/components/CommonNav'
export default{
	data(){
		return{
			affdb:[],
			all_res:[],
			config_info:[],
			share:[],
            shareImg:''
		}
	},
	components:{
		NotCont,
		CommonNav
	},
	created(){
		let o = {
			page:1,
			size:10
		}
		this.$http.get(`${window.ROOT_URL}api/v4/invite`,{ params:o }).then(res=>{
			this.affdb = res.data.data.affdb
			this.all_res = res.data.data.all_res
			this.config_info = res.data.data.config_info
			this.share = res.data.data.share
            this.shareImg = res.data.data.img_src
		})
	}
}
</script>
